<!-- 底部操作按钮 -->
<template>
	<view class="container">
		<button class="btn btn-transition-scale95" @click="handleNavTo('/pagesB-goods-manage/add-goods/index')">
			<text class="iconfont">&#xe624;</text>
			<text class="text">添加商品</text>
		</button>
		<button class="btn active btn-transition-scale95" @click="handleNavTo('/pagesB-goods-manage/add-goods-category/index')">
			<text class="iconfont">&#xe625;</text>
			<text class="text">分类管理</text>
		</button>
	</view>
</template>

<script setup>
	const handleNavTo = (url) => {
		uni.navigateTo({
			url
		});
	}
</script>

<style lang="scss" scoped>
	.container {
		display: flex;
		justify-content: space-between;
		padding: 26rpx 25rpx;

		.btn {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 318rpx;
			height: 84rpx;
			background: #FFFFFF;
			border-radius: 42rpx;
			color: #222222;

			&.active {
				color: #FF3433;
			}

			.iconfont {
				font-size: 35rpx;
			}

			.text {
				font-size: 30rpx;
				margin-left: 12rpx;
			}
		}
	}
</style>